<#if (goodCourse??)&&(newCourse??)&&(allCourse??)>
<div id="TEMPLATE_LABEL_">
    <section>
        <div>
            <div class="comm-title no-top-tit comm-title-3">
                <section class="container">
                    <header class="clearfix">
                        <h2 class="unFw hLh40 pb10 tac">
                            <#if TEMPLATE_TITLE??>
                                <span class="disIb fsize30 f-fM c-333">${TEMPLATE_TITLE}</span>
                                <#else>
                                    <span class="disIb fsize30 f-fM c-333">课程介绍</span>
                            </#if>
                            <span class="disIb fsize30 f-fM c-master ml5 mr5">/</span>
                            <#if TEMPLATE_INFO??>
                                <span class="disIb fsize14 f-fM c-999">${TEMPLATE_INFO}</span>
                                <#else>
                                    <span class="disIb fsize14 f-fM c-999">EXAMINATION SYSTEM</span>
                            </#if>
                        </h2>
                    </header>
                    <div>
                        <article class="cm-tab-title tac">
                            <#if (goodCourse??)>
                            <a id="good" class="current" href="javascript:void(0)" onclick="course('goodCourse')" title="精品课程">精品课程</a>
                            </#if>
                            <#if (newCourse??)>
                            <a id="new" href="javascript:void(0)" onclick="course('newCourse')"title="最新课程">最新课程</a>
                            </#if>
                            <#if (allCourse??)>
                            <a id="all" href="javascript:void(0)" onclick="course('allCourse')"title="全部课程">全部课程</a>
                            </#if>
                        </article>
                    </div>
                </section>
            </div>
            <div class="us-main">
                <section class="container">
                    <div id="course" class="demo-list4">
                        <#if (goodCourse??)>
                        <ul id="goodCourse" class="clearfix">
                            <#list goodCourse as goodCourse>
                            <li>
                                <div class="de-l4-warp">
                                    <a href="${webUrl}/front/couinfo/${goodCourse.courseId}" class="pic">
                                        <img xsrc="${webUrl}/${goodCourse.logo}" src="/template/templet1/images/default-img.gif">
                                    </a>
                                    <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                        <a href="${webUrl}/front/couinfo/${goodCourse.recommendId}" class="fsize16 c-333">${goodCourse.courseName}</a>
                                    </h4>
                                    <section class="mt10 hLh30 of fl-txt ml5 mr5">
													<span class="fl c-999">
														<tt class="c-999 f-fA fsize14">${goodCourse.pageBuycount}人购买</tt>
														<tt class="lls c-999 f-fA">|</tt>
														<tt class="c-999 f-fA fsize14 lls">${goodCourse.pageViewcount}浏览</tt>
													</span>
                                        <span class="fr c-master fsize20"> ￥${goodCourse.currentPrice}</span>
                                    </section>
                                </div>
                            </li>
                            </#list>
                        </ul>
                        </#if>
                        <#if (allCourse??)>
                        <ul id="allCourse" class="clearfix"style="display: none" >
                            <#list allCourse as allCourse>
                                <li>
                                    <div class="de-l4-warp">
                                        <a href="${webUrl}/front/couinfo/${allCourse.courseId}" class="pic">
                                            <img xsrc="${webUrl}/${allCourse.logo}" src="/template/templet1/images/default-img.gif">
                                        </a>
                                        <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                            <a href="${webUrl}/front/couinfo/${allCourse.courseId}" class="fsize16 c-333">${allCourse.courseName}</a>
                                        </h4>
                                        <section class="mt10 hLh30 of fl-txt ml5 mr5">
													<span class="fl c-999">
														<tt class="c-999 f-fA fsize14">${allCourse.pageBuycount}人购买</tt>
														<tt class="lls c-999 f-fA">|</tt>
														<tt class="c-999 f-fA fsize14 lls">${allCourse.pageViewcount}浏览</tt>
													</span>
                                            <span class="fr c-master fsize20"> ￥${allCourse.currentPrice}</span>
                                        </section>
                                    </div>
                                </li>
                            </#list>
                        </ul>
                        </#if>
                        <#if (newCourse??)>
                        <ul id="newCourse"  class="clearfix"style="display: none">
                            <#list newCourse as newCourse>
                                <li>
                                    <div class="de-l4-warp">
                                        <a href="${webUrl}/front/couinfo/${newCourse.courseId}" class="pic">
                                            <img xsrc="${webUrl}/${newCourse.logo}" src="/template/templet1/images/default-img.gif">
                                        </a>
                                        <h4 class="hLh30 txtOf mt10 unFw ml5 mr5">
                                            <a href="${webUrl}/front/couinfo/${newCourse.courseId}" class="fsize16 c-333">${newCourse.courseName}</a>
                                        </h4>
                                        <section class="mt10 hLh30 of fl-txt ml5 mr5">
													<span class="fl c-999">
														<tt class="c-999 f-fA fsize14">${newCourse.pageBuycount}人购买</tt>
														<tt class="lls c-999 f-fA">|</tt>
														<tt class="c-999 f-fA fsize14 lls">${newCourse.pageViewcount}浏览</tt>
													</span>
                                            <span class="fr c-master fsize20"> ￥${newCourse.currentPrice}</span>
                                        </section>
                                    </div>
                                </li>
                            </#list>
                        </ul>
                        </#if>
                    </div>
                    <div class="mb50 tac mt50">
                        <a class="btn btn-k btn-k-master fsize16 c-master tac" href="${ctx}/course.html">查看更多</a>
                    </div>
                </section>
            </div>
        </div>
    </section>
    <script>
        function course(type) {
            if (type=="goodCourse"){
                $("#goodCourse").show();
                $("#allCourse").hide();
                $("#newCourse").hide();
                $("#good").addClass("current");
                $("#all").removeClass("current");
                $("#new").removeClass("current")

            }
            if (type=="allCourse"){
                $("#goodCourse").hide();
                $("#allCourse").show();
                $("#newCourse").hide();
                $("#good").removeClass("current");
                $("#all").addClass("current");
                $("#new").removeClass("current")

            }
            if (type=="newCourse"){
                $("#goodCourse").hide();
                $("#allCourse").hide();
                $("#newCourse").show();
                $("#good").removeClass("current");
                $("#all").removeClass("current");
                $("#new").addClass("current")
            }
        }
    </script>
</div>
</#if>